<nz-spin [nzSpinning]="isSpinning">
  <form nz-form [formGroup]="validateForm">
    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
        <label for="roleTypeName" nz-form-item-required>角色类型名称</label>
      </div>
      <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('roleName')">
        <nz-input formControlName="roleTypeName" [nzId]="'roleTypeName'"  [(ngModel)]="roleTypeBean.roleTypeName" name="roleTypeName" [nzPlaceHolder]="'请输入角色类型名称'"></nz-input>
        <div nz-form-explain *ngIf="getFormControl('roleTypeName').dirty&&getFormControl('roleTypeName').hasError('roleTypeName')">角色类型名称不能为空!</div>
      </div>
    </div>
    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
        <label for="roleTypeDescribe" nz-form-item-required>角色类型描述</label>
      </div>
      <div nz-form-control nz-col [nzSm]="14" [nzXs]="24"  nzHasFeedback  [nzValidateStatus]="getFormControl('roleDescribe')" >
        <nz-input name="roleTypeDescribe" formControlName="roleTypeDescribe" [nzId]="'roleTypeDescribe'"  [(ngModel)]="roleTypeBean.roleTypeDescribe" [nzPlaceHolder]="'请输入角色描述'"></nz-input>
        <div nz-form-explain *ngIf="getFormControl('roleTypeDescribe').dirty&&getFormControl('roleTypeDescribe').hasError('required')">角色类型描述不能为空!</div>
      </div>
    </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
          <label for="roleList" nz-form-item-required>角色</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('roleList')">
          <nz-select
            nzAllowClear
            [nzPlaceHolder]="'请选择'"
            [nzShowSearch]="true" [nzMode]="'multiple'" formControlName="roleList" [nzSize]="'large'" [(ngModel)]="roleTypeBean.roleList" name="roleList">
            <nz-option
              *ngFor="let option of roleList"
              [nzLabel]="option.roleName"
              [nzValue]="option.id+''"
              [nzDisabled]="option.disabled">
            </nz-option>
          </nz-select>
          <div nz-form-explain *ngIf="getFormControl('roleList').dirty&&getFormControl('roleList').hasError('required')">角色不能为空!</div>
        </div>
    </div>
    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
        <label for="partyList" nz-form-item-required>机构</label>
      </div>
      <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('partyList')">
        <nz-select
          nzAllowClear
          [nzPlaceHolder]="'请选择'"
          [nzShowSearch]="true" [nzMode]="'multiple'" formControlName="partyList" [nzSize]="'large'" [(ngModel)]="roleTypeBean.partyList" name="partyList">
          <nz-option
            *ngFor="let option of partyList"
            [nzLabel]="option.label"
            [nzValue]="option.value+''"
            [nzDisabled]="option.disabled">
          </nz-option>
        </nz-select>
        <div nz-form-explain *ngIf="getFormControl('partyList').dirty&&getFormControl('partyList').hasError('required')">机构不能为空!</div>
      </div>
    </div>
  </form>
  <div style="text-align: center;">
    <button nz-button (click)="submitForm()" [nzSize]="'large'" [nzType]="'primary'">新增</button>
  </div>
</nz-spin>
